import React,{Component} from "react";

export default class WebTrainingCamp extends Component {
    render() {
        return (
            <div>
                <div className="banner-xly">
                    <div className="banner-subTit">
                        <h1>实战训练营</h1>
                        <p>行业实战项目导向，训战结合，解决数字化转型难题</p>
                        <a href="/">获取定制方案</a>
                    </div>
                </div>

                <div className="xlyBox">
                    <div className="subTit">
                        <ul className="clearfix">
                            <li><a className="on" href="/">产品概述</a></li>
                            <li><a href="/">产品特点</a></li>
                            <li><a href="/">培训方式</a></li>
                            <li><a href="/">实战主题</a></li>
                            <li><a href="/">学员案例</a></li>
                        </ul>
                    </div>

                    <div className="xly-overview shadow">
                        <div className="xly-ov-wrap">
                            <h1>产品概述</h1>
                            <p className="subH">实战训练营是基于业务场景的学习情境设计，以项目为导向的短期集训模式。针对具体项目或问题，<br/>不拘泥线上、线下或者混合式学习，它能帮助企业和员工：</p>
                            <ul className="xly-ovC clearfix">
                                <li>
                                    <img alt="1" src="img/img_04/xly_01.png" />
                                    <h2>实战出真知</h2>
                                    <p>11年教育产品积淀、800+各行各业专家导师，2000+家名企名校合作的人才培养经验，通过实例分析、实景训练、实战检验的教学模式，直接推动企业数字化改革。</p>
                                </li>
                                <li>
                                    <img alt="1" src="img/img_04/xly_02.png" />
                                    <h2>所学即所用</h2>
                                    <p>注重人才评估、学习实践、人才运营和技能发展，以认知+工具+行业场景为核心的课程资源，实现以解决实际问题为目标的高效学习，赋能数字化人才成长。</p>
                                </li>
                                <li>
                                    <img alt="1" src="img/img_04/xly_03.png" />
                                    <h2>多元化成长</h2>
                                    <p>基于开课吧百万级个人学员的实战案例，依托新型的数字化技术，搭建技术类、职场素质类、学历职称类等全方位、多元化课程体系，助力培养全能人才。</p>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div className="xly-feature bg-grey">
                        <h1>产品特点</h1>
                        <div className="xly-type-box clearfix">
                            <ul className="xly-typeM">
                                <li>创新产品形态</li>
                                <li>重服务强运营</li>
                                <li className="on">“现在时”导向</li>
                                <li>里程碑式的项目把控</li>
                                <li>学员分层运营</li>
                            </ul>
                            <div className="xly-typeP" style={{display: 'none'}}>
                                <h2><span></span>创新产品形态</h2>
                                <img alt="1" src="img/img_04/xly_06.png"/>
                                <p>提供直播、录播、AI互动交互式剧本、场景互动剧本等多种学习形态，实现智慧学习。</p>
                            </div>
                            <div className="xly-typeP" style={{display: 'none'}}>
                                <h2><span></span>重服务强运营</h2>
                                <img alt="1" src="img/img_04/xly_05.png"/>
                                <p>项目经理、专属班班、实战教练、教学导师的四位一体服务运营体系，完成教学、训练、答疑、促学等一站式培训服务。</p>
                            </div>
                            <div className="xly-typeP">
                                <h2><span></span>“现在时”导向</h2>
                                <img alt="1" src="img/img_04/xly_04.png"/>
                                <p>基于企业“现在”所需解决的实际问题，有针对性地培养人才、解决问题和拉通团队。</p>
                            </div>
                            <div className="xly-typeP" style={{display: 'none'}}>
                                <h2><span></span>里程碑式的项目把控</h2>
                                <img alt="1" src="img/img_04/xly_18.png"/>
                                <p>里程碑”式的项目把控让交付全流程可管可控可展示。</p>
                            </div>
                            <div className="xly-typeP" style={{display: 'none'}}>
                                <h2><span></span>学员分层运营</h2>
                                <img alt="1" src="img/img_04/xly_08.png"/>
                                <p>依据每日、每周、每模块、整体的学勤实时数据，分层对学员进行运营管理，保证完课率。</p>
                            </div>
                        </div>
                    </div>

                    <div className="xly-train">
                        <h1>培训方式</h1>
                        <div className="xly-train-box">
                            <img alt="1" src="img/img_04/xly_09.png" />
                            <ul>
                                <li className="one">
                                    <h2>项目调研</h2>
                                    <p>前期调研<br/>现状诊断<br/>问题定位</p>
                                </li>
                                <li className="two">
                                    <h2>需求识别</h2>
                                    <p style={{textAlign: 'justify'}}>以成果输出、解决实际问<br/>题为导向，确认培训内容<br/>
                识别技术栈：Python、<br/>Tableau、小程序、安卓<br/>开发、mysql数据库、UI<br/>设计等</p>
                                </li>
                                <li className="three">
                                    <h2>制定规划</h2>
                                    <p>形式规划<br/>时长规划<br/>成果规划</p>
                                </li>
                                <li className="four">
                                    <h2>培训赋能</h2>
                                    <p>集中短期培训<br />线下伴随辅导<br />线上社群答疑</p>
                                </li>
                                <li className="five">
                                    <h2>实战实践</h2>
                                    <p>输出成果<br />探究交流<br />项目反馈</p>
                                </li>
                            </ul>
                        </div>		
                    </div>

                    <div className="xly-topic">
                        <h1>实战主题</h1>
                        <div className="xly-topic-box">
                            <ul>
                                <li className="xly-topicImg_01">
                                    <img alt="1" src="img/img_04/xly_14.png" />
                                    <h2><span>认知类</span></h2>
                                    <p>数据思维<br/>AI商业思维</p>
                                </li>
                                <li className="xly-topicImg_02">
                                    <img alt="1" src="img/img_04/xly_15.png" />
                                    <h2><span>工具类</span></h2>
                                    <p>办公自动化<br/>
                数据分析<br/>
                数据可视化<br/>
                高效Excel</p>
                                </li>
                                <li className="xly-topicImg_03">
                                    <img alt="1" src="img/img_04/xly_16.png" />
                                    <h2><span>岗位类</span></h2>
                                    <p>数字化营销<br/>
                数字化HR</p>
                                </li>
                                <li className="xly-topicImg_04">
                                    <img alt="1" src="img/img_04/xly_17.png" />
                                    <h2><span>认证类</span></h2>
                                    <p>PMI-ACP<br/>
                产品经理</p>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div className="xly-case">
                        <h1>开课吧企业服务已为上千家企业提供解决方案</h1>
                        <a href="/">查看更多案例</a>
                    </div>



                </div>
            </div>
        )
    }
}